<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.thymeleaf.org"
      layout:decorator="layout/m_master">

<div layout:fragment="content">

    <div class="page-group">
        <div class="page page_single_index">

            <div th:replace="layout/m_layout::m_top_nav"></div>


            <div class="head-search-wrap">
                <div class="head-search">
                    <a th:class="${reqParam.orderBy eq '' ?'active':''}" href="?orderBy=">推荐</a>
                    <a th:class="${reqParam.orderBy eq 'hot' ?'active':''}" href="?orderBy=hot">人气</a>
                    <a th:class="${reqParam.orderBy eq 'city' ?'active':''}" href="?orderBy=city">同城</a>
                    <a th:class="${reqParam.orderBy eq 'auth' ?'active':''}" href="?orderBy=auth">实名</a>
                    <a th:class="${reqParam.orderBy eq 'vip' ?'active':''}" href="?orderBy=vip">VIP</a>

                    <div class="searchbtn" data-panel="#panel_single_index"><i class="icon-bottlecms-19"></i> 筛选</div>
                </div>
            </div>

            <!--s: 底部导航 -->
            <div th:replace="layout/m_layout::m_nav"></div>
            <!--e: 底部导航 -->

            <div class="page-content infinite-scroll">
                <div class="bcui-infinite">
                    <div class="bcui-infinite-list single-list" pages-current="1"
                         pages-src="/m/ajax/center/single/list" style="background:#FFF;"></div>
                    <div class="bcui-infinite-preloader" status="more">
                        <div class="bcui-flow-more"><font>加载更多</font></div>
                        <div class="bcui-flow-loading"></div>
                        <div class="bcui-flow-end"><font>没有了～</font></div>
                        <div class="bcui-flow-nothing"><font>没有找到相关数据！</font></div>
                    </div>
                </div>
            </div>
            <div class="_homenav">
                <nav class="menu">
                    <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open">
                    <label class="menu-open-button" for="menu-open">
                        <i class="icon-bottlecms-57"></i>
                    </label>

                    <a href="/m" class="menu-item"> <i class="icon-bottlecms-55"></i> </a>
                    <a href="/m/center/footprint" class="menu-item"> <i
                            class="icon-bottlecms-38"></i> </a>
                    <a href="/m/center/like" class="menu-item"> <i
                            class="icon-bottlecms-84"></i> </a>
                    <a href="/m/chat" class="menu-item"> <i class="icon-bottlecms-04"></i>
                    </a>
                </nav>
            </div>
        </div>


        <div class="panel-overlay"></div>
        <div class="panel panel-right panel-reveal theme-dark panel_single_index search-window-right"
             id="panel_single_index">
            <div class="bcui-tab">
                <div class="bcui-tab-title">
                    <div class="item active">条件搜索</div>
                    <div class="item">精准搜索</div>
                </div>
                <div class="bcui-tab-content">
                    <div class="item active">
                        <form action="" method="get" id="search">
<!--                            <input bottlecms-input type="hidden" id="page" name="page" />-->
                            <input bottlecms-input type="hidden" name="orderBy" th:value="${reqParam.orderBy}"/>
                            <div class="content-block">

                                <nav bcui-popform="" class="handle-list" style=" border:none;">
                                    <div class="tit">
                                        基本条件
                                        <font color="#F60" size="-1">

                                        </font>
                                    </div>

                                    <div class="list-item gender">
                                        <label class="radio-inline c-radio">
                                            <input bottlecms-radio type="radio" name="gender" value="1"
                                                   th:checked="${reqParam.gender eq 1}">
                                            <span class="fa fa-circle"></span>
                                            <text>男士</text>
                                        </label><label class="radio-inline c-radio">
                                        <input bottlecms-radio type="radio" name="gender" value="2"
                                               th:checked="${reqParam.gender eq 2}">
                                        <span class="fa fa-circle"></span>
                                        <text>女士</text>
                                    </label>
                                    </div>
                                    <div class="list-item enter"
                                         form-item-max="80"
                                         form-item-min="18"
                                         th:attr="form-item-value=${reqParam.age}"
                                         form-item-name="age" form-item-type="range" form-item-unlimited="不限">
                                        <input bottlecms-input type="hidden" name="age" th:value="${reqParam.age}"/>
                                        <div class="item-title">
                                            年龄
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.age}">
                                        </div>
                                    </div>
                                    <div class="list-item enter"
                                         form-item-max="245"
                                         form-item-min="145"
                                         th:attr="form-item-value=${reqParam.height}"
                                         form-item-name="height" form-item-type="range" form-item-unlimited="不限">
                                        <input bottlecms-input type="hidden" name="height"
                                               th:value="${reqParam.height}"/>
                                        <div class="item-title">
                                            身高
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.height}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-category="income" form-item-name="income"
                                         form-item-type="select" form-item-unlimited="不限"
                                         th:attr="form-item-value=${reqParam.income}">
                                        <input bottlecms-input type="hidden" name="income"
                                               th:value="${reqParam.income}"/>
                                        <div class="item-title">
                                            月收入
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.incomeCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-category="education"
                                         form-item-name="education" form-item-type="select" form-item-unlimited="不限"
                                         th:attr="form-item-value=${reqParam.education}">
                                        <input bottlecms-input type="hidden" name="education"
                                               th:value="${reqParam.education}"/>
                                        <div class="item-title">
                                            学历
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.educationCn}">
                                        </div>
                                    </div>

                                    <div class="list-item enter" form-item-name="district" form-item-type="district"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.district}">
                                        <input bottlecms-input type="hidden" name="district"
                                               th:value="${reqParam.district}"/>
                                        <div class="item-title">
                                            区域
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.districtCn}">
                                        </div>
                                    </div>

                                </nav>

                                <nav bcui-popform class="handle-list" style="border:none">
                                    <div class="tit">
                                        高级筛选
                                        <font color="#F60" size="-1">
                                            (仅限VIP)
                                        </font>
                                    </div>

                                    <div class="list-item enter" form-item-name="marriage" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.marriage}">
                                        <input bottlecms-input type="hidden" name="marriage"
                                               th:value="${reqParam.marriage}"/>
                                        <div class="item-title">
                                            婚姻状况
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.marriageCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="nativePlace" form-item-type="district"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.nativePlace}">
                                        <input bottlecms-input type="hidden" name="nativePlace"
                                               th:value="${reqParam.nativePlace}"/>
                                        <div class="item-title">
                                            籍贯
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.nativePlaceCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="children" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.children}">
                                        <input bottlecms-input type="hidden" name="children"
                                               th:value="${reqParam.children}"/>
                                        <div class="item-title">
                                            孩子
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.childrenCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="constellation" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.constellation}">
                                        <input bottlecms-input type="hidden" name="constellation"
                                               th:value="${reqParam.constellation}"/>
                                        <div class="item-title">
                                            星座
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.constellationCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="marry" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.marry}">
                                        <input bottlecms-input type="hidden" name="marry" th:value="${reqParam.marry}"/>
                                        <div class="item-title">
                                            结婚计划
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.marryCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="nationality" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.nationality}">
                                        <input bottlecms-input type="hidden" name="nationality"
                                               th:value="${reqParam.nationality}"/>
                                        <div class="item-title">
                                            民族
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.nationalityCn}">

                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="industry" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.industry}">
                                        <input bottlecms-input type="hidden" name="industry"
                                               th:value="${reqParam.industry}"/>
                                        <div class="item-title">
                                            行业
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.industryCn}">
                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="house" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.house}">
                                        <input bottlecms-input type="hidden" name="house" th:value="${reqParam.house}"/>
                                        <div class="item-title">
                                            房
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.houseCn}">

                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="car" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.car}">
                                        <input bottlecms-input type="hidden" name="car" th:value="${reqParam.car}"/>
                                        <div class="item-title">
                                            车
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.carCn}">

                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="family_backg" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.familyBackg}">
                                        <input bottlecms-input type="hidden" name="familyBackg"
                                               th:value="${reqParam.familyBackg}"/>
                                        <div class="item-title">
                                            家庭背景
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.familyBackgCn}">

                                        </div>
                                    </div>
                                    <div class="list-item enter" form-item-name="religious" form-item-type="select"
                                         form-item-unlimited="不限" th:attr="form-item-value=${reqParam.religious}">
                                        <input bottlecms-input type="hidden" name="religious"
                                               th:value="${reqParam.religious}"/>
                                        <div class="item-title">
                                            宗教信仰
                                        </div>
                                        <div class="item-info data" th:text="${reqParam.religiousCn}">

                                        </div>
                                    </div>

                                </nav>

                                <div style="height: 4rem;"></div>
                            </div>
                            <div class="btnbox">
                                <button class="btn submit" type="submit">
                                    搜索
                                </button>
                                <a class="btn btn-invalid reset" href="?">
                                    清除
                                </a>
                            </div>
                        </form>
                    </div>

                    <div class="item">
                        <form action="" method="get" id="search2">
                            <div class="bcui-form">
                                <div class="form-item">
                                    <input bottlecms-input type="text" name="userId" value="" placeholder="会员编号/昵称"/>
                                </div>
                                <div class="form-item">
                                    <button class="btn  form-submit" type="submit">
                                        确认提交
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>

                </div>
            </div>

        </div>
    </div>
    <div th:replace="layout/m_layout::m_top_menu"></div>
    <div th:replace="layout/m_layout::systemJs"></div>
    <script type='text/javascript' src="/m/js/category.js"></script>
    <script type='text/javascript' src="/m/js/category_district.js"></script>
    <script id="javascript-bottlecms-popform" src="/m/js/bottlecms-popform.js" type="text/javascript"></script>
    <script type="text/javascript">
        var search = $('#search').serializeArray();
        // 加载最新单身列表
        var thisload = bottlecms.load({
            done: function (page, next) {
                search['page'] = page;
                bottlecms.get("/m/ajax/center/single/list?page="+page, search, function (data) {
                    var lis = [];
                    for (var o in data.list) {
                        lis.push(singles_template(data.list[o]))
                    }
                    next(lis.join(''), lis.length);
                })
            }
        });
        thisload.load();

        //初始化popform
        bottlecms.popform.init();

        // 验证vip
        $("#panel_single_index").on("click", ".handle-list[novip] .list-item", function (e) {
            event.preventDefault();
            popup_tips_vip();

        });

    </script>


</div>
</html>
